$(document).ready(function() {
	var obj = $("<div></div>").attr("title", "create one dialog!").attr("id",
			"dialogTest");
	var username = $("<lable id='userlable'>用户名:</lable>");
	objobj = obj.append(username);
	var userinput = $("<input type='text' name='user'/>");
	objobj = obj.append(userinput);
	var br = $("");
	obj.append(br);
	var password = $("<lable id='passlable'>密    码:</lable>");
	objobj = obj.append(password);
	var passinput = $("<input type='password' name='pass'/>");
	objobj = obj.append(passinput);
	objobj = obj.append($("<lable id='imgcodelable'>验证码:</lable><br/>"));
	objobj = obj
			.append($("<input type='text' name='imgcode' style='width:80px;float: left;'/><img id='codeimg' src='img.do' style='width: 60px; margin:5px 0 0 10px;height: 20px;'>"));
	objobj = obj
			.append($("<br/><br/><input type='checkbox' name='autologin' style='float:left;margin:3px 10px 0 20px'/><lable>两周内自动登录</lable>"));
	obj.addClass('flora').dialog({
		width : '250px',
		// height:'150px',
		closeOnEscape: false ,
		resizable : 'disable',
		modal : true,
		buttons : {

			'OK' : function() {
				var ps = $("input[name='pass']")[0].value;
				if (ps)
					ps = hex_md5(ps);
				else
					ps = "";
				// 使用MD5加密
				// 服务器端发送随机字符串，与密码经过md5后的字符串合并，再经过md5再传送
				// 服务器端把库里的密码（已经md5加密）与发送的字符串合并后再与请求中字符串比较，这样传送的密码串每次不同
				$.ajax({
					url : 'img.do?datecode=' + (new Date().getTime()),
					type : 'POST',
					data : {
						param : 'md5'
					},
					success : function(e) { // 取得md5随机字符串
											// e--"{\"success\":true,\"md5oper\":"049163"}"
						var responseObj = $.zzJSON.parseJSON(e);
						if (!responseObj.success || responseObj.md5oper == null) {
							alert(responseObj.errorMessage == null
									? '未知错误'
									: responseObj.errorMessage);
							$('#codeimg').fireEvent('click'); // 刷新校验码
							return;
						}
						ps = hex_md5(ps + responseObj.md5oper);
						$.post("check.do", {
									'user' : $("input[name='user']")[0].value,
									'pass' : ps,
									'checkcode' : $("input[name='imgcode']")[0].value,
									'saved' : $("input[name='autologin']")[0].checked
								}, function(data) {
								var d = $.zzJSON.parseJSON(data);
								if(d.success && d.url){	//{"success":true,"url":"index.jsp"}
						 			$.cookie('login',$("input[name='user']")[0].value); //保存登录名
						 			window.location.href = d.url; 
								}else if (!d.success && d.errors ) {	//{success:false,errors:[{id:"user",msg:"用户名不能为空！"}]}
									if($("span#errmsg"))
										$("span#errmsg").remove();
									$(d.errors).each(function(i){
										$("lable#"+d.errors[i].id+"lable").append("<span id='errmsg' style='color:red;'>"+d.errors[i].msg+"</span>");
										$("#codeimg").click(); // 刷新校验码
									});
								}
									// $(".result").html(data);
								// $.each(result, function(i, field){
								// $("div").append(field + " ");
								// });
							});
						/*
						 * form.getForm().submit({ waitMsg : '正在提交，请稍等...',
						 * success : function(f, a) {
						 * cp.set('login',f.findField('user').getValue());
						 * //保存登录名 window.location.href = a.result.url; //
						 * window.open('main.html','','fullscreen=1'); },
						 * failure : function() {
						 * Ext.getCmp('codeimg').onClick(); // 刷新校验码
						 * form.getForm().findField('pass').setValue('');
						 * form.getForm().findField('checkcode').setValue(''); },
						 * url : 'check.do?datecode=' + (new Date().getTime())
						 * });
						 */
					},
					failure : function() {
						alert('未能成功!');
						$("#codeimg").click(); // 刷新校验码

					}
						// scope : storeObj
				});

			},
			'Reset' : function() {
				$("input[name='user']")[0].value="";
				$("input[name='pass']")[0].value = "";
				$("input[name='imgcode']")[0].value = "";
				$("input[name='autologin']")[0].checked = false;
				$("#codeimg").click(); // 刷新校验码
			}
		},
		title : '登  陆'
	});
	$('a.ui-dialog-titlebar-close').hide();
	$(this).bind("keypress.ui-dialog", function(event) {
				if (event.keyCode == $.ui.keyCode.ENTER) {
					$(".ui-dialog-buttonpane button").first().click();
					return false;
				}
			});
	$("#codeimg").click(function() {
				this.src = 'img.do?datecode=' + (new Date().getTime());
			});
	$("input[name='user']")[0].value=$.cookie('login')?$.cookie('login'):""; //保存登录名
});